<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用标签</title>
</head>

<body>
    <!-- 1.标题标签：h1~h6  ,字体加粗，默认大小越来越小 -->
    <!-- 2.字体标签：font 设置字体的样式，size属性设置大小，color属性设置颜色 -->
    <h1 id="hid">
        <font size="7" color="red"> 标题1</font>
    </h1>
    <h2>标题2</h2>
    <h6>标题6</h6>


    <!-- 3.段落标签：p  ，align属性设置对齐方式 -->
    <!-- 4.换行标签：br -->
    <!-- 5. 字符格式化标签<b>、<i>、<u>、<del> -->
    <p align="right"> <b> 从地理上来看，瑞士离中国和美国都有差不多8000公里的距离，而双方时差也都只有6个小时。</b>既然是去第三方国家见面，自然要讲究对等。</p>

    <p> <i> 复旦大学国际问题研究院院长</i> &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 吴心伯：
        “对等的这样一个特征，双方都要觉得我找的这个地方能够体现出在我需要的跟对方打交道的这种对等的需求。<br>
        <u>所以大家只能找个第三方，而且是地理上的中间点。”</u> </p>


    <p>
        <del> 可如果是这样的话，</del>其实这一整条线附近的国家都跟中美两国有着差不多的距离，那这次为什么偏偏选了瑞士？
    </p>
    <p> <strong>1815年的维也纳会议，使得瑞士成为最早得到国际社会认可的永久中立国。</strong>它在外交上采取不站边的对外政策，作为一个欧洲国家，既不属于北约，也不属于欧盟。
    </p>

    <p> <ins> 复旦大学国际问题研究院院长 </ins>吴心伯：<em> “中立国相对来讲</em>，它在政治上、外交上超脱一些。所以我想，这是找瑞士的一个主要的原因。”</p>

    <!-- 6.插入图片：img 
                 src属性设置图片的路径 ；
                 alt当图片加载失败是的解释说明；
                 width设置宽，height设置高：改变图片的大小，通常只设置一个；值可以是象素也可以是百分比
    -->

    <a href="http://www.baidu.com"> <img src="./images/02.jpg" alt="独上高楼" width="500px" align="middle"></a>
    此一境界，乃对人生的迷茫，孤独而不知前路几何。
    <img src="./images/03.jpg" width="100%">

    <!-- 7.插入横线：hr -->
    <hr size="3px" color="black" width="100px">

    <!-- 8.插入特殊字符：&.... -->
    <p>1.&copy;版权符号；/p>
    <p>2.&nbsp;空格符号</p>

    <!-- 9.上标：sup,下标sub -->
    <p>x <sup>2</sup> </p>
    <p>(11111000000) <sub>2</sub></p>
     
     
    <!-- 10. a标签也可以跳转到本页的某个标签位置 ，href=“#目标标签的ID” -->
    <p><a href="#hid">回到顶部</a> </p>


</body>

</html>